<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="font-awesome-4.6.3/css/font-awesome.css">
    <link rel="stylesheet" href="fileupload.css">
    <title>文件上传</title>
</head>
<body>
<div class="up_area" id="drop_area"  >
    <div class="list-inline">
        <a class="btn btn-default btn-sm" style="color:#3399FF;" id="btn_add" title="添加附件">
            <i class="fa fa-plus">添加附件</i>
        </a>
        <input type="file" id="fileDrag" style="display: none;" name="fileDragselect" multiple accept="image/*">
        <li style="color: #999;font-size: 12px;">可将文件拖入此区域进行上传</li>
    </div>
    <div id="preview" class="list-inline clearfix" ></div>
</div>

<div id="outerdiv" style="position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:2;width:100%;height:100%;display:none;">
    <div id="innerdiv" style="position:absolute;">
        <img src="" id="bigimg" style="border:5px solid #fff;">
    </div>
</div>
</body>

<script src="jQuery/jquery-2.2.3.min.js"></script>
<script src="fileupload.js"></script>
</html>